<div class="container" id="wei_div" style="background-color: white;padding-bottom: 50px;">
<!--	<div id="carousel-example-generic" class="carousel slide" style="height: 1000px" >-->

		<!-- Wrapper for slides -->
<!--		<div class="carousel-inner" role="listbox">-->
<!--			<div class="item active">-->
<!--				<div class="row">-->
<!--					<div class="col-xs-4" style="padding-left:5px;padding-right:5px;border-style: none">-->
<!--						<div class="thumbnail">-->
<!--							<img src="resources/image/acroread.png" alt="...">-->
<!--							<div class="caption" style="text-align: center">-->
<!--								<span>杭州中院</span>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--					<div class="col-xs-4 " style="padding-left:5px;padding-right:5px;border-style: none">-->
<!--						<div class="thumbnail">-->
<!--							<img src="resources/image/acroread.png" alt="...">-->
<!--							<div class="caption" style="text-align: center">-->
<!--								<span>杭州中院</span>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--					<div class="col-xs-4 " style="padding-left:5px;padding-right:5px;border-style: none">-->
<!--						<div class="thumbnail">-->
<!--							<img src="resources/image/acroread.png" alt="...">-->
<!--							<div class="caption" style="text-align: center">-->
<!--								<span>杭州中院</span>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="row">-->
<!--					<div class="col-xs-6 col-md-4">-->
<!--						<div class="thumbnail">-->
<!--							<img src="..." alt="...">-->
<!--							<div class="caption">-->
<!--								<h3>Thumbnail label</h3>-->
<!--								<p>...</p>-->
<!--								<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--					<div class="col-xs-6 col-md-4">-->
<!--						<div class="thumbnail">-->
<!--							<img src="..." alt="...">-->
<!--							<div class="caption">-->
<!--								<h3>Thumbnail label</h3>-->
<!--								<p>...</p>-->
<!--								<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--					<div class="col-xs-6 col-md-4">-->
<!--						<div class="thumbnail">-->
<!--							<img src="..." alt="...">-->
<!--							<div class="caption">-->
<!--								<h3>Thumbnail label</h3>-->
<!--								<p>...</p>-->
<!--								<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="row">-->
<!--					<div class="col-xs-6 col-md-4">-->
<!--						<div class="thumbnail">-->
<!--							<img src="..." alt="...">-->
<!--							<div class="caption">-->
<!--								<h3>Thumbnail label</h3>-->
<!--								<p>...</p>-->
<!--								<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--					<div class="col-xs-6 col-md-4">-->
<!--						<div class="thumbnail">-->
<!--							<img src="..." alt="...">-->
<!--							<div class="caption">-->
<!--								<h3>Thumbnail label</h3>-->
<!--								<p>...</p>-->
<!--								<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--					<div class="col-xs-6 col-md-4">-->
<!--						<div class="thumbnail">-->
<!--							<img src="..." alt="...">-->
<!--							<div class="caption">-->
<!--								<h3>Thumbnail label</h3>-->
<!--								<p>...</p>-->
<!--								<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="item">-->
<!--				<div class="row">-->
<!--					<div class="col-sm-6 col-md-4">-->
<!--						<div class="thumbnail">-->
<!--							<img src="..." alt="...">-->
<!--							<div class="caption">-->
<!--								<h3>Thumbnail label</h3>-->
<!--								<p>...</p>-->
<!--								<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="row">-->
<!--					<div class="col-sm-6 col-md-4">-->
<!--						<div class="thumbnail">-->
<!--							<img src="..." alt="...">-->
<!--							<div class="caption">-->
<!--								<h3>Thumbnail label</h3>-->
<!--								<p>...</p>-->
<!--								<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="row">-->
<!--					<div class="col-sm-6 col-md-4">-->
<!--						<div class="thumbnail">-->
<!--							<img src="..." alt="...">-->
<!--							<div class="caption">-->
<!--								<h3>Thumbnail label</h3>-->
<!--								<p>...</p>-->
<!--								<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="item">-->
<!--				<div class="row">-->
<!--					<div class="col-sm-6 col-md-4">-->
<!--						<div class="thumbnail">-->
<!--							<img src="..." alt="...">-->
<!--							<div class="caption">-->
<!--								<h3>Thumbnail label</h3>-->
<!--								<p>...</p>-->
<!--								<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="row">-->
<!--					<div class="col-sm-6 col-md-4">-->
<!--						<div class="thumbnail">-->
<!--							<img src="..." alt="...">-->
<!--							<div class="caption">-->
<!--								<h3>Thumbnail label</h3>-->
<!--								<p>...</p>-->
<!--								<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--				<div class="row">-->
<!--					<div class="col-sm-6 col-md-4">-->
<!--						<div class="thumbnail">-->
<!--							<img src="..." alt="...">-->
<!--							<div class="caption">-->
<!--								<h3>Thumbnail label</h3>-->
<!--								<p>...</p>-->
<!--								<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
<!--	</div>-->

<!---->
<!--</div>-->
	<div class="weipage" style="display: block;margin-bottom: 0px;">
		<div>
			<a href="index.php/courts/1">
				<div class="item-wei">
					<div style=" width:75%; height:75%;  border-radius:50%;margin:0px auto;
	text-align:center; overflow:hidden;">
						<img src="resources/image/city/hangzhou.jpg" style="width: 100%;height:100%"/>
					</div>
					<div><h4>杭州市</h4></div>
				</div>
			</a>
			<a href="index.php/courts/2">
				<div class="item-wei">
					<div style=" width:75%; height:75%;  border-radius:50%;margin:0px auto;
	text-align:center; overflow:hidden;">
						<img src="resources/image/city/hangzhou.jpg" style="width: 100%;height:100%"/>
					</div>
					<div><h4>宁波市</h4></div>
				</div>
			</a>
			<a href="index.php/courts/3">
				<div class="item-wei">
					<div style=" width:75%; height:75%;  border-radius:50%;margin:0px auto;
	text-align:center; overflow:hidden;">
						<img src="resources/image/city/hangzhou.jpg" style="width: 100%;height:100%"/>
					</div>
					<div><h4>温州市</h4></div>
				</div>
			</a>
		</div>
		<div>
			<a href="index.php/courts/4">
				<div class="item-wei">
					<div style=" width:75%; height:75%;  border-radius:50%;margin:0px auto;
	text-align:center; overflow:hidden;">
						<img src="resources/image/city/jiaxing.jpg" style="width: 100%;height:100%"/>
					</div>
					<div><h4>嘉兴市</h4></div>
				</div>
			</a>
			<a href="index.php/courts/5">
				<div class="item-wei">
					<div style=" width:75%; height:75%;  border-radius:50%;margin:0px auto;
	text-align:center; overflow:hidden;">
						<img src="resources/image/city/hangzhou.jpg" style="width: 100%;height:100%"/>
					</div>
					<div><h4>湖州市</h4></div>
				</div>
			</a>
			<a href="index.php/courts/6">
				<div class="item-wei">
					<div style=" width:75%; height:75%;  border-radius:50%;margin:0px auto;
	text-align:center; overflow:hidden;">
						<img src="resources/image/city/hangzhou.jpg" style="width: 100%;height:100%"/>
					</div>
					<div><h4>绍兴市</h4></div>
				</div>
			</a>
		</div>
		<div>
			<a href="index.php/courts/7">
				<div class="item-wei">
					<div style=" width:75%; height:75%;  border-radius:50%;margin:0px auto;
	text-align:center; overflow:hidden;">
						<img src="resources/image/city/jinhua.jpg" style="width: 100%;height:100%"/>
					</div>
					<div><h4>金华市</h4></div>
				</div>
			</a>
			<a href="index.php/courts/8">
				<div class="item-wei">
					<div style=" width:75%; height:75%;  border-radius:50%;margin:0px auto;
	text-align:center; overflow:hidden;">
						<img src="resources/image/city/quzhou.jpg" style="width: 100%;height:100%"/>
					</div>
					<div><h4>衢州市</h4></div>
				</div>
			</a>
			<a href="index.php/courts/9">
				<div class="item-wei">
					<div style=" width:75%; height:75%;  border-radius:50%;margin:0px auto;
	text-align:center; overflow:hidden;">
						<img src="resources/image/city/hangzhou.jpg" style="width: 100%;height:100%"/>
					</div>
					<div><h4>舟山市</h4></div>
				</div>
			</a>
		</div>
		<div>
			<a href="index.php/courts/10">
				<div class="item-wei">
					<div style=" width:75%; height:75%;  border-radius:50%;margin:0px auto;
	text-align:center; overflow:hidden;">
						<img src="resources/image/city/hangzhou.jpg" style="width: 100%;height:100%"/>
					</div>
					<div><h4>台州市</h4></div>
				</div>
			</a>
			<a href="index.php/courts/11">
				<div class="item-wei">
					<div style=" width:75%; height:75%;  border-radius:50%;margin:0px auto;
	text-align:center; overflow:hidden;">
						<img src="resources/image/city/lishui.jpg" style="width: 100%;height:100%"/>
					</div>
					<div><h4>丽水市</h4></div>
				</div>
			</a>
			<div class="item-wei">
				<div style=" width:75%; height:75%;  border-radius:50%;margin:0px auto;
text-align:center; overflow:hidden;">
<!--					<img src="resources/image/city/hangzhou.jpg" style="width: 100%;height:100%"/>-->
				</div>
<!--				<div><h4>舟山市</h4></div>-->
			</div>
		</div>
	</div>


</div>
<!--<script src="resources/js/plugin/hammer.min.js"></script>-->
<script>
	$(document).ready(function(){
//		var index=0;
//		var weipages=$('.weipage');
//		weipages.eq(0).show();
//		var totalpages=weipages.length;
//		var container = document.getElementById('wei_div'),
//			mc = new Hammer.Manager(container),
//			Swipe = new Hammer.Swipe();
//		mc.add(Swipe);
//		mc.on('swipeleft', function (e) {
//			//swipteTo('next', e);
//			//$("#carousel-example-generic").carousel('next');
//			weipages.hide();
//			if(index==totalpages-1){
//				index=0;
//				weipages.eq(index).fadeIn("slow");
//			}else{
//				index++;
//				weipages.eq(index).fadeIn("slow");
//			}
//		});
//		mc.on('swiperight', function (e) {
//			//swipteTo('prev', e);
////			$("#carousel-example-generic").carousel('prev');
//			weipages.hide();
//			if(index==0){
//				index=totalpages-1;
//				weipages.eq(index).fadeIn("slow");
//			}else{
//				index--;
//				weipages.eq(index).fadeIn("slow");
//			}
//		});

		$('.item-wei').css('height',$('.item-wei').css('width'));
		//var lineheight=$('.item-wei').css('width')*0.85;
		var lineheight=$('.item-wei').find('img').css('height');
		$('.item-wei').find('img').css('line-height',lineheight);
	})
</script>